<script setup>
import TaperChart from "./chart/TaperChart.vue";
import roseChart from "./chart/roseChart.vue";
import linechart3 from "./chart/linechart3.vue";
import circleChart from "./chart/circleChart.vue";
</script>

<template>
  <div style="flex: 0 1 30%">
    <dv-border-box11 title="业务部门统计" :title-width="400" :animate="false" style="width: 100%; height: 140px">
      <div class="circleChart">
        <circleChart :value="88" :title="'非常满意'" :color="['#fb7293']" />
        <circleChart :value="11" :title="'满意'" :color="['#ffdb5c']" />
        <circleChart :value="1" :title="'不满意'" :color="['#9d96f5']" />
      </div>
    </dv-border-box11>
    <TaperChart />
    <roseChart />
    <linechart3 />
  </div>
</template>

<style lang="scss" scoped>
.circleChart {
  display: flex;
  // flex-wrap: wrap;
  justify-content: space-between;
  padding: 35px 0;
}
</style>
